.note {
    margin-top: 25px;
    padding: 16px;
    background: #fafafa;
    border-radius: 4px;

    .section {
        .title {
            margin-bottom: 8px;
        }
    }

    > .section + .section {
        margin-top: 16px;
    }
}

.tableWrapper {
    margin-top: 10px;
    .titleBox {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;

        .mainTitle {
            margin-bottom: 16px;
            font-weight: bold;
            font-size: 16px;
        }
    }
}

@error-color: #f5222d;

.error {
    border-color: @error-color !important;

    :global {
        .ant-input {
            border-color: @error-color !important;
        }
    }
}

.detailModal {
    margin-top: 10px;
    margin-right: 16px;
    margin-left: 16px;

    .detailTable {
        margin-top: 16px;
        overflow: auto;

        :global {
            .ant-table-scroll .ant-table-body {
                overflow-x: auto !important;
            }
        }
    }

    .tipItem {
        position: relative;
        margin: 10px 0;
        .content {
            // do
        }

        .tip {
            position: absolute;
            color: @error-color;
        }
    }

    .rangeBox {
        .start,
        .end {
            width: 80px;
        }

        .sign {
            width: 44px;
            height: 22px;
            line-height: 22px;

            :global {
                .ant-select-selection {
                    height: 22px;
                    background: rgba(85, 144, 246, 0.1);
                    border: none;
                    border-radius: 0;
                }

                .ant-select-selection__rendered {
                    line-height: 22px;
                }

                .ant-select-arrow {
                    right: 0;
                }

                .iconunfold_arrow_o {
                    color: #000;
                    transition: transform 0.3s;
                }

                [aria-expanded='true'] .iconunfold_arrow_o {
                    transform: rotate(180deg);
                }
            }
        }
        > * + * {
            margin-left: 4px;
        }
    }
}

.cpfContributionsModal {
    margin-right: 30px;
    margin-left: 30px;
    .formulaTypeSelect {
        top: -1px;
        width: 146px;
        height: 32px;
        line-height: 30px;

        :global {
            .ant-select-selection {
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-radius: 4px;
            }
        }

        &.error {
            :global {
                .ant-select-selection {
                    border-color: @error-color !important;
                }
            }
        }
    }

    .shareInput {
        display: inline-block;
        height: 32px;
        margin-left: 10px;
        // padding-right: 8px;
        // padding-left: 8px;
        // border: 1px solid rgba(0, 0, 0, 0.15);
        // border-left: none;

        & .input {
            min-width: 76px;
            max-width: 100px;
            border-radius: 2px;
        }

        .placeholder {
            color: rgba(0, 0, 0, 0.2);
        }

        > * {
            display: inline-block;
        }
        > * + * {
            margin-left: 6px;
        }
    }
    .validateBox {
        min-height: 22px;
        margin-left: 156px;
        color: @error-color;
        font-size: 12px;
        line-height: 22px;
    }
    .shareBox {
        min-height: 100px;

        .shareRow {
            line-height: 32px;

            .shareItem {
                &.shareInputItem {
                    border-radius: 4px;

                }


                &.shareOperateItem {
                    margin-top: 8px;
                    color: rgba(0, 0, 0, 0.45);
                    > * + * {
                        margin-left: 18px;
                    }
                }
            }


        }
        // .shareRow + .shareRow {
        //     &::before {
        //         position: absolute;
        //         top: -28px;
        //         left: 30px;
        //         content: '+';
        //     }
        // }
    }

}
